<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"-->
    <link rel="stylesheet" href="Connexion-style.css">
    <link rel="stylesheet" href="style.css">
    <!--link rel="stylesheet" href="article.css"-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="shortout icon" type="image/x-icon" href="Art_Yoshi_Ultimate.png"/>
    <title>Virginie Exotique</title>
</head>
<body>
    <header class="topbar">
        <div class="logobar">
            
            <a href="index.html"><img src="logo.png" alt="logo"></a>
            
        </div>
    </header>
    <main>
        <!--div class="logo-acceuil">
            <a href="index.html"><img src="logo.png" alt="logo"></a>
        </div-->
        <div class="login-form">
            <!--?php 
                if(isset($_GET['login_err']))
                {
                $err = htmlspecialchars($_GET['login_err']);

                switch($err)
                {
                    case 'password':
                    ?>
                    <div class="error-stl">
                        <strong>Erreur</strong> mot de passe incorrect
                    </div>
                    <?php
                    break;
                    case 'email':
                    ?>
                    <div class="error-stl">
                        <strong>Erreur</strong> email incorrect
                    </div>
                    <?php
                    break;
                    case 'already':
                    ?>
                    <div class="error-stl">
                        <strong>Erreur</strong> compte non existant
                    </div>
                    <?php
                    break;
                    }
                }
            ?-->
        
            <form action="connexion.php" method="post">
                <h2 class="text-center">Connectez-vous</h2>       
                <!--div class="input-form">
                    <input type="email" name="email" class="form-control1" placeholder="E-mail" required="required" autocomplete="off">
                </div>
                <div class="input-form">
                    <input type="password" name="password" class="form-control1" placeholder="Mot de passe" required="required" autocomplete="off">
                    <p class="link-mdp"><a href="#">Mot de passe oublier ?</a></p>
                </div>
                <div class="input-form">
                    <button type="submit" class="btn-co">Connexion</button>
                    <p class="s-lab"><input type="checkbox" name="rememberme" id="remembercheckbox" /><label for="remembercheckbox">Se souvenir de moi</label></p>
                </div-->
                <div class="input-container">
                    <input type="text" id="username" class="text-input" autocomplete="off" placeholder="Enter your username" required />
                    <label class="label" for="username">Username</label>
                </div>
                <div class="input-container pswd">
                    <input type="password" id="password" class="pass-input" autocomplete="off" placeholder="Enter your username" required />
                    <label class="label" for="password">Password</label>
                   
                </div> <p class="link-mdp"><a href="#">Mot de passe oublier ?</a></p>
                <div class="input-btn">
                    <!--input type="submit" class="button-input" placeholder="Submit" required /-->
                    <button placeholder="Submit" class="button-input">Connecter</button>
                </div>
                <p class="s-lab">Vous n'avez pas de compte ? <a href="Inscription.html">Inscrivez-vous</a></p>
            </form>
        </div>
    </main>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="footer-col">
                    <h4>Menu</h4>
                    <ul>
                        <li><a href="#">Rayon</a></li>
                        <li><a href="#">Catalogue</a></li>
                        <li><a href="#">Mes produits</a></li>
                        <li><a href="#">Panier</a></li>
                        <!--li><a href="#">Contacter-Nous</a></li-->
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Nos services</h4>
                    <ul>
                        <li><a href="#">Drive</a></li>
                        <li><a href="#">Livraison à Domicile</a></li>
                        <li><a href="#">Livraison Express</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Article</h4>
                    <ul>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Contacter-Nous</a></li>
                        <li><a href="#">Magasin</a></li>
                    </ul>
                </div>
            </div>
        </div>
            <p>© 2022 Yoshi Blog
    
                | Designed by <a rel="nofollow" href="#" target="_blank">Thiviyan Kulasegaram</a></p>
    </footer>
    <!--script src="app.js"></script-->
    <script src="sl.js"></script>
    <script src="input-js.js"></script>
</body>
</html>